<template>
	<div class="text-[#000] w-full">
		<p class="text-18px font-bold">完成账户认证</p>
		<p class="mt-30px font-bold text-34px">身份认证</p>
		<div class="mt-30px">
			<p class="text-14px text-#86909C">居住国家/地区</p>
			<div class="mt-10px">
				<el-select v-model="selectedCountry"  size="large">
					<el-option  label="中国" value="中国" />
				</el-select>
			</div>
		</div>
		<div class="mt-20px w-full">
			<p class="text-14px text-#86909C">证件类型</p>
			<div
				class="h-60px box-border border-1px border-#E5E6EB border-solid rounded-8px flex items-center p-20px w-full mt-10px">
				身份证
			</div>
		</div>
		<div class="mt-60px">
			<el-button color="#114CEE" style="width: 100%;height:50px;font-size: 18px;" @click="next">继续</el-button>
		</div>
	</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const emits = defineEmits(['next'])

const selectedCountry = ref<string>('中国')

const next = () => {
	emits('next')
}
</script>
<style lang="scss" scoped>
::v-deep .el-select__wrapper{
	height: 60px;
	border-radius: 8px;
}
::v-deep .el-select__selected-item{
	font-size: 18px;
	color: #000;
}
</style>

